<template>
  <div  class="app-container">
    <sj-descriptions :desc-data="descData" :server-data="serverData" />
    <sj-hello></sj-hello>
    <el-button>test</el-button>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
// import { SjHello } from '@lemon/core'
const serverData = ref({
  userName: '张三',
  auditTime: '20123-12-12',
  submitName: 'admin',
  submitDate: '2023-12-23',
  project: '人防1',
  unit: '二建',
  auditRemark: '图片不清晰',
})
const descData = [
  {
    label: '提交人',
    fieldName: 'userName',
  },
  {
    label: '提交时间',
    fieldName: 'auditTime',
  },
  {
    label: '工程名称',
    fieldName: 'project',
  },
  {
    label: '施工单位',
    fieldName: 'unit',
  },
  {
    label: '审核人',
    fieldName: 'submitName',
  },
  {
    label: '审核时间',
    fieldName: 'submitDate',
  },
  {
    label: '驳回原因',
    fieldName: 'auditRemark',
  },
]
</script>
<style lang="scss" scoped>
html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  #app {
    height: 100%;
    width: 100%;
    .app-container {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
</style>

